@extends('home.top1')
<link rel="stylesheet" type="text/css" href="/pase/Css/auth.css" />
<script type="text/javascript" src='/pase/Scripts/jquery-1.8.3.js'></script>  
@section('con')
<div class="auth_bg auth_bg_new">  
  <div class="login_border"> 
      <div class="login_left">
        </div>
        <div class="auth_bar_right"> 
            <div class="clearHeight" style="height:37px;"></div>
            <a class="skip_logina" href="/home/resjs/login">登录</a>
            <div class="skip_logina2">免费注册</div>
            <div class="tab_reg">
              <a href="/home/register" class="tab_link_1 on" number="0">邮箱注册</a>
               <a href="javascript:;" class="tab_link_2" number="1"></a>
               <a href="javascript:;" class="tab_link_3" number="2" style="display:none">会员卡激活</a> 
               <em class="line_hover"></em>
            </div>
                        <div class="form_reg" style="display:block;" num="0">
              <form id="phoneReg" name="phoneReg" method="POST" action="/home/register">

               {{csrf_field()}}
                      @if(session('error'))
              <div  class='le' class="mws-form-message error" style="color:red">
                      
                        {{session('error')}}
              </div>
              @endif
              {{csrf_field()}}
                      @if(session('success'))
              <div class='le' class="mws-form-message error" style="color:green">
                      {{session('success')}}
              </div>
              @endif
                   @if(count($errors)>0)
                  <div class='le' class="mws-form-message error" style="color:red">
                          <ul >
                              @foreach($errors->all() as $error)
                              <li style="color:red">{{$error}}</li>
                              @endforeach
                          </ul>
                  </div>
                  @endif
               <script type="text/javascript">
                    $('.le').click(function(){
                      $(this).html(' ');
                    });
               </script>
                    <p class="input_w01" style=" padding-bottom:5px;">
                    <span id="s" ></span>
                  
                    </p>                    
                    <p class="input_w01"><label><!-- <em>邮箱</em> --><input autocomplete="off" tips="请输入正确的邮箱" id="email" name="email" placeholder="请输入邮箱" value='{{old('email')}}' type="text"></label>

                    <em class="errorMsg p_pMsg"></em>
                    </p>
                   
                      <p class="input_w01" style=" padding-bottom:5px;">
                      <span class="s"></span>
                      </p>
                    <p class="input_w01"><label><!-- <em>设置密码</em> -->
                     <input type="text" name='pass' id='pass' placeholder="字母开头，允许5-16字节，允许字母数字下划线" onfocus="if(this.value==defaultValue) {this.value='';this.type='password'}" onblur="if(!value) {value=defaultValue; this.type='text';}" style="color:#CCC;" />
                    </label>
                    <em class="errorMsg p_mMsg"></em>
                    </p>
                    
                    <p class="input_w01" style=" padding-bottom:5px;">
                      <span class="s"></span>
                      </p>
                    <p class="input_w01"><label><!-- <em>确认密码</em> -->
                      <!-- <input autocomplete="off" value="请再次输入密码"  onclick="this.value='';focus()" tips="请再次输入密码" id="xlrepass" type="text" /> -->
                       <input type="text" name='lrpass' id='lrpass' placeholder="请再次输入密码" onfocus="if(this.value==defaultValue) {this.value='';this.type='password'}" onblur="if(!value) {value=defaultValue; this.type='text';}" style="color:#CCC;" />
                      <!-- <input  name="lrepass" id="lrepass" type="password" onclick="this.value='';focus()" style='display:none;color:#333;' value="请再次输入密码" /> -->
                    </label><span class=""></span>
                    <em class="errorMsg p_mtMsg"></em>
                    </p>

                    <p class="input_w01" style=" padding-bottom:5px;">
                      <span class="s"></span>
                      </p>
                   <p class="input_w01"><label><!-- <em>手机</em> --><input autocomplete="off" tips="请输入正确的手机号码" id="phone"  value='{{old('phone')}}' name="phone" placeholder="请输入手机号码" type="text"></label><span class=""></span>
                    <em class="errorMsg p_pMsg"></em>
                    </p>
                        
                    <p class="input_w01" style=" padding-bottom:5px;">
                      <span class="s"></span>
                      </p>
                     <p class="input_w02"><label><!-- <em>验证码</em> --><input placeholder="请输入验证码"  id="pstring" name="pstring" class="input_code" type="text"></label>
                     <img src="/home/vcode" name="regCaptchaPic" class="imgForm01" width="103" align="absmiddle" height="36" onclick="this.src=this.src+'?a='+Math.random();">
                     <a name="regCaptchaPic" onclick="this.src=/home/vcode+'?a='+Math.random();"></a>
                     <a onclick="this.src=/home/vcode+'?a='+Math.random();"></a>
                    <em class="errorMsg s_sMsg"></em>
                    </p>
                     
                     <!-- <p class="input_w03" style="height:50px;line-height:50px;"><input type='checkbox' name='1'></label>已阅读并同意<a target="_blank" href="/auth/regAgreement">《钻石小鸟用户服务协议》</a></p> -->
                      <p class="" style="margin-left:10px"><input type="checkbox" name="zc"><label style="margin-top:-10px">已阅读并同意<a target="_blank" href="/auth/regAgreement">《钻石小鸟用户服务协议》</a></label></p>
                    <p class="input_w04"><input class="reg_btn" id="regphone_submit" value="注册" type="submit"></p>
                </form>
            </div>
            <div class="form_reg" style="display:none;" num="1">
       <script type="text/javascript">
            //失去焦点 邮箱
            $('#email').blur(function(){
              //获取用户输入的内容
              var useremail= $(this).val();
          //验证规则
          var reg = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/; 
          //console.log(typeof(reg));   
          if(reg.test(useremail)){
              $.ajax({
                url:'/home/resjs/ajax',//请求脚本文件  
                data:{cda:useremail},//携带的参数
                type:'get',//设置请求方式 默认写是GET请求
                // dataType:'json',//设置服务器返回数据类型
                success:function(mes){//ajax请求成功执行这个函数
                  //mes 服务器返回的信息  
                  // alert(typeof(mes));
                  // alert(mes);
                  if(mes=='yes'){
                     $('#s').html('邮箱已存在正确');
                     s.style.color='red';
                  }else{
                      $('#s').html('邮箱不存在可用'); 
                      s.style.color='green';
                  }
                },
               
                async:false,//true 异步 false 同步  
                // timeout:3000,//设置ajax请求时间 单位毫秒 3秒   
              });
            // s.innerHTML='邮箱格式正确';
            // $('#s').html('邮箱格式正确');
            // s.style.color='green';
          }else{
            // s.innerHTML='邮箱格式错误'; 
            $('#s').html('邮箱格式错误'); 
             s.style.color='red';
          }
        })
    //失去焦点 密码
            var userpass = null;
            $('#pass').blur(function(){
              //获取用户输入的内容
               userpass= $(this).val();
          //验证规则
          var reg = /^[a-zA-Z][a-zA-Z0-9_]{4,15}$/; 
          if(reg.test(userpass)){//规则正确
            $('.s:eq(0)').html('密码格式正确');
             $('.s:eq(0)').css('color','green');
          }else{//规则错误
            $('.s:eq(0)').html('密码格式错误'); 
            $('.s:eq(0)').css('color','red');
          }
        })
 //失去焦点 重复密码
            $('#lrpass').blur(function(){
              //获取用户输入的内容
              var userlrpass= $(this).val();
              // alert(userlrpass);
              // alert(userpass);
          //验证规则
          if(userpass == userlrpass){//规则正确
            $('.s:eq(1)').html('重复密码正确');
             $('.s:eq(1)').css('color','green');
          }else{//规则错误
            $('.s:eq(1)').html('重复密码错误'); 
            $('.s:eq(1)').css('color','red');
          }
        })
            //失去焦点 手机号码
            $('#phone').blur(function(){
              //获取用户输入的内容
              var phone= $(this).val();
              // alert(userlrpass);
              // alert(userpass);
          //验证规则
         var reg = /(86)*0*13\d{9}/; 
          if(reg.test(phone)){//规则正确
                $.ajax({
                url:'/home/resjs/phone',//请求脚本文件  
                data:{cda:phone},//携带的参数
                type:'get',//设置请求方式 默认写是GET请求
                // dataType:'json',//设置服务器返回数据类型
                success:function(mes){//ajax请求成功执行这个函数
                  //mes 服务器返回的信息  
                  // alert(typeof(mes));
                  // alert(mes);
                  if(mes=='yes'){
                    $('.s:eq(2)').html('手机号码已存在'); 
                     $('.s:eq(2)').css('color','red');
                  }else{
                     $('.s:eq(2)').html('手机号码不存在可用');
                     $('.s:eq(2)').css('color','green');
                  }
                },
               
                async:false,//true 异步 false 同步  
                // timeout:3000,//设置ajax请求时间 单位毫秒 3秒   
              });
            // $('.s:eq(2)').html('手机号码正确');
            //  $('.s:eq(2)').css('color','green');
          }else{//规则错误
            $('.s:eq(2)').html('手机号码错误'); 
            $('.s:eq(2)').css('color','red');
          }
        })
          
            var phraser = null;
              //失去焦点 验证码
            $('#pstring').blur(function(){
              //获取用户输入的内容
             phraser= $('#pstring').val();
              // alert(phraser);
                $.ajax({
                url:'/home/resjs/code/'+phraser,//请求脚本文件  
               
                success:function(mes){//ajax请求成功执行这个函数
                  //mes 服务器返回的信息 
                  if(mes=='yes'){
                    $('.s:eq(3)').html('验证码正确'); 
                     $('.s:eq(3)').css('color','green');
                  }else{
                     $('.s:eq(3)').html('验证码错误');
                     $('.s:eq(3)').css('color','red');
                  }
                },
               
                async:false,//true 异步 false 同步  
                // timeout:3000,//设置ajax请求时间 单位毫秒 3秒   
              });
          
        })
  </script>
             
            </div>
        </div>
    </div>
</div>
<div class="resetClear"></div>
@endsection